<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><%= title %></title>

	<% include ../includes/head%>
    <style>
        .traveltext {
            position:relative;
            line-height:1.8em;
            /* 3 times the line-height to show 3 lines */
            height:9em;
            overflow:hidden;
            text-indent: 2em;
        }
        .traveltext::after {
            content:"...";
            font-weight:bold;
            position:absolute;
            bottom:0;
            right:0;
            padding:0 20px 1px 45px;
            background:url("../images/ellipsis_bg.png") repeat-y;
        }
    </style>
</head>
<body>
<% include ../includes/header%>

	<div id="container-inner">
    	<ul id="breadcrumb-wrapper">
        
	    	<li>
	            <a href="index.html">
                <ins>
				    <div class="br-left"></div>
				    <div class="br-mid">
                      <ins></ins>
				    	主页
				    </div><!--br-mid-->
				    <div class="br-right">
                    	<span class="hidden">spaceholder</span>
				    </div><!--br-right-->
                    </ins>
		        </a>
            </li>  
            
            <li>
	            <a class="active" href="portfolio.html">
                <ins>
				    <div class="br-left"><span class="hidden">spaceholder</span></div>
				    <div class="br-mid">
                    	<span class="hidden">spaceholder</span>
				    	新闻
				    </div><!--br-mid-->
				    <div class="br-right">
                    	<span class="hidden">spaceholder</span>
				    </div><!--br-right-->
                </ins>    
		        </a>
            </li>
            
            <li id="page-title">
          		新闻
        	</li><!--page-title-->
            
        </ul><!--breadcrumb-wrapper-->
        <div id="inner-border"></div>
    	<div class="clear"></div>
        	
        <div id="contentwrap-inner">	
            <ul class="twocol">
            	
				
				<% for(var i = 0; i<movies.length; i++){%>
            	<li class="col">
                	<div class="services-img"><img src="images/services-web.png" alt="" /></div>
                    <div class="h-border"><h1><%= movies[i].title%></h1><span style="float: right;margin-top: -14px;"><%= moment(movies[i].meta.createAt).format('YYYY/MM/DD')%></span></div>
                    <div class="clear"></div>
                    <p class="traveltext"><%= movies[i].text%></p>
                    <br />
                    
                    <a href="/movie/<%= movies[i]._id%>"><ins><div class="bt-left"></div><div class="bt-mid">查看详情</div><div class="bt-right"></div></ins></a>
                </li>
                <%}%>
                
            </ul><!--twcol-->
            <div class="clear"></div>
            <div style="margin-top:-37px;"></div>
        </div><!--contentwrap-inner--> 
    </div><!--container-inner-->
	<div class="container">
		<div class="row">
			
		</div>
	</div>
	<% include ../includes/footer%>
</body>
</html>